<template>
  <div class="jiaxiaohudong" >
<el-container>
      <el-aside width="200px">
         <el-row class="tac">
    <el-col :span="12">
  
      <el-menu
        router
        default-active="2"
        class="el-menu-vertical-demo"
      >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><Bell /></el-icon>
       
            <span>用户统计</span>
          </template>
            <el-menu-item route="/index/yonghutongzhi/gaikuang" index="1-1">用户概况</el-menu-item>
            <el-menu-item route="/index/yonghutongzhi/student" index="1-2"> 学生列表 </el-menu-item>
            <el-menu-item route="/index/yonghutongzhi/teacher" index="1-3"> 老师列表 </el-menu-item>
            <el-menu-item route="/index/yonghutongzhi/parents" index="1-4"> 家长列表 </el-menu-item>
        </el-sub-menu>

      </el-menu>
    </el-col>
 </el-row>      
</el-aside>
      <el-main>        <router-view/></el-main>
    </el-container>


 
  </div>
</template>

<script setup>

</script>

<style scoped>
.el-menu{
  width: 200px;
}
</style>